const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
  mode: 'development', // 
  entry: './src/index.js',
  output: {
    filename: 'bundle.js', // 输出js文件名
    path: path.resolve(__dirname, './dist'), // 借助path模块配置绝对路径
    clean: true, // 打包清理上次的 dist
  },
  devtool: 'inline-source-map', // 用于锁定代码报错位置
  plugins: [
    new HtmlWebpackPlugin({
      template: './index.html', // 模板文件
      filename: 'app.html', // 输出文件名字
      inject: 'body', // 插入位置 head （默认）和 body
    })
  ],
  devServer: {
    static: './dist', // 静态文件索引位置
  }
}